/* reset */
body, p, h3, h4, h5, h6, ol, ul, dl, dd { margin: 0; }
/* 考虑到ol一般不用，用也是用其list-style默认居多，故不做reset */
ul { list-style: none; padding: 0; }
button, input { background-color: rgba(0, 0, 0, 0); }
a { color: inherit; text-decoration: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, button, textarea, select { padding: 0; outline: none; border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { -webkit-font-smoothing: antialiased; /* 抗锯齿更清晰 *//* https://github.com/AlloyTeam/Mars/blob/master/solutions/font-family.md */ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti; word-wrap: break-word; }
button:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
div { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* special */
html, body {
	height: 100%;
}
body {
	font-size: .28rem;
	color: #333;
}

/* oocss */
.central {
  position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

.abs { position: absolute; }
.rel, .hair-bottom, .hair-top, .hair-left, .hair-right, .g-label { position: relative; }

.hair-top:before, .hair-left:before, .hair-right:after, .hair-bottom:after {
	position: absolute;
	content: '';
	/* background-color: var(--lineColor); */
}

.hair-top:before {
  width: 100%; height: 1px;
  top: 0; left: 0;
}
.hair-left:before {
  height: 100%; width: 1px;
  top: 0; left: 0;
}
.hair-right:after {
  height: 100%; width: 1px;
  top: 0; right: 0;
}
.hair-bottom:after {
  width: 100%; height: 1px;
	bottom: 0; left: 0;
}
.g-label:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 200%;
  height: 200%;
  /* border: 1px solid var(--mainColor); */
  border-radius: 3px;
  transform-origin: top left;
}
@media (-webkit-min-device-pixel-ratio:2) {
	.hair-bottom:after {
		transform: scaleY(.5);
	}
	
	.hair-top:before {
		transform: scaleY(.5);
	}

	.hair-left:before, .hair-right:after {
		transform: scaleX(.5);
	}

	.g-label:before {
		transform: scale(.5, .5);
	}
}


/* vue animation */
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* 单行文本溢出 */
.overflow {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}